<template>
  <div style="margin-top: 40px;"> <demo1 /> </div>
  <div style="margin-top: 40px;"> <demo2 /> </div>
  <div style="margin-top: 40px;"> <Demo3 /> </div>
  <div style="margin-top: 40px;"> <Demo4 /> </div>
  <div style="margin-top: 40px;"> <Demo5 /> </div>
  <div style="margin-top: 40px;"> <Demo9 /> </div>
  <div style="margin-top: 40px;"> <Demo12 /> </div>
</template>

<script lang="ts">
import { Vue, Component } from "kaygnas-vue-property-decorator";

import Demo1 from "@/demos/demo1.vue";
import Demo2 from "@/demos/demo2.vue";
import Demo3 from "./demos/demo3.vue";
import Demo4 from "./demos/demo4.vue";
import Demo5 from "./demos/demo5.vue";
import Demo9 from "./demos/demo9.vue";
import Demo12 from "./demos/demo12.vue";

@Component({
  name: "App",
  components: {
    Demo1,
    Demo2,
    Demo3,
    Demo4,
    Demo5,
    Demo9,
    Demo12,
  }
})
export default class App extends Vue {

}
</script>
